/* CSS for slider tests */

div.slider {
   width: 202px;
   border: solid black 2px;
   height: 24px;
}

div.disabled {
  background-color: #eeeeee;
  border-color: #888888;
}

div.slider [role='slider'] {
   padding: 0;
   margin: 0;
   position: relative;
   left: 90px; 
   border: solid #aaaaaa 1px;
   height: 22px;
   width: 22px;
   background-color: #dddddd;
}  

div.slider div.focus  {
   background-color: #8888ff;
   outline: solid blue 2px;
}  

div.disabled div.focus  {
   background-color: #ccccff;
   outline: solid #cccccc 2px;
}  

div.slider [role='slider'][aria-disabled='true'] {
   border: solid #808080 1px;    
   background-color: #cccccc;
}

div.scale {
   width: 202px;    
}

div.scale span.min{
   text-align: left;  
}

div.scale span.max{
   position: relative;
   left: 180px;
   text-align: right;  
}

